<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spotlight  | A Free CSS Template by RamblingSoul</title>

<link href="site_media/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="topbar">
<h1 id="sitename"><a href="#">Spotlight <span>Blog</span></a></h1>
<div id="topmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="tables.html">Tables</a></li>
<li><a href="forms.html">Forms</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
</div>
<div id="header">
<h2 id="description">Spotlight Is AFree CSS Template</h2>
</div>
<div id="main">

<div id="content">
<div class="post">
<div class="posthead"><h2>Form <span>Example</span></h2></div>
<form action="#" method="get">
<div id="form">

<label for="name">Name</label> <input name="name" id="name" class="textfield" type="text" />
<label for="email">Email</label> <input name="email" id="email" class="textfield" type="text" />

<label for="phone">Phone</label> <input name="phone" id="phone" class="textfield" type="text" />

<label for="comment">Comment</label> <textarea class="textfield" id="comment" name="comment" cols="35" rows="5"></textarea>
<div class="buttons">
<input name="Submit" type="button" value="submit" />
</div>


</div>


</form>

</div>

<div class="post">
<div class="posthead">
<p class="datebox"><span class="day">28</span><span class="month"> September</span></p>

<h2><span>Lists </span>Example</h2>
</div>
<p>
Proin turpis. Aenean vitae neque. Cras ornare dolor id nibh. Etiam quam. Aenean aliquam purus a tellus. Donec mattis metus eget dui. Sed egestas suscipit risus. Nulla odio nunc, consectetuer ut, placerat eleifend, vestibulum eget, justo. Morbi non elit. Suspendisse iaculis nisi. Curabitur nulla. Maecenas scelerisque convallis arcu.
</p>
<p class="postinfo">Category | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>

</div>
<div class="post">
<div class="posthead">
<p class="datebox"><span class="day">28</span><span class="month"> September</span></p>

<h2><span>Send</span> Blandit</h2>
</div>
<p>
Sed blandit, mauris eu convallis dapibus, orci augue luctus nisl, ac sodales dolor enim a metus. Mauris rhoncus, arcu vel viverra aliquet, sapien diam porttitor orci, id luctus sem augue sit amet dui. In vulputate magna in orci. Mauris ac neque ut velit auctor euismod. Duis nisi eros, condimentum quis, bibendum nec, pretium a, dui. Proin felis purus, elementum at, sagittis non, euismod at, tortor. Duis ut pede vitae odio facilisis semper. Proin pede. Vestibulum libero. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce auctor, odio ut vulputate fermentum, ante diam tempor augue, in accumsan lectus velit in felis. Phasellus at nulla sit amet magna condimentum elementum.
</p>
<p class="postinfo">Category | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>

</div>

</div>


<div id="sidebar">
<div class="sidebartop">
  <a href="#"><img src="images/feed.jpg" alt="RSS Feeds" /></a></div>
<div class="sidebarcontent">
<div class="sidebarbox">
<h2>About</h2>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam commodo ornare massa. Vivamus eu nisi. Pellentesque non quam a mauris lacinia condimentum. Nulla facilisi. Fusce malesuada, ligula ac vehicula lobortis, sapien augue ultrices eros, at imperdiet mi lorem nec ipsum. Cras hendrerit blandit enim. <a href="#">Read More</a></p>
</div>
<div class="sidebarcol">
<h2>Pages</h2>
<ul class="normalmenu">
<li><a href="index.html">Welcome Page</a></li>
<li><a href="tables.html">Tables Example</a></li>
<li><a href="forms.html">Forms Example</a></li>
<li><a href="#nogo">No Go Link</a></li>
</ul>
</div>
<div class="sidebarcol">
<h2>Categories</h2>
<ul class="normalmenu">
<li><a href="#nogo">Web Design</a></li>
<li><a href="#nogo">Graphic Design</a></li>
<li><a href="#nogo">CSS &amp; XHTML</a></li>
<li><a href="#nogo">Wordpress</a></li>
</ul>
</div>
<p class="clear2"></p>
<h2>Recent Posts</h2>
  <ul class="posts">
    <li><a href="#">
      Donec mattis metus eget dui. </a></li>
    <li><a href="#">Sed egestas suscipit risus. </a></li>
    <li><a href="#">Nulla odio nunc, consectetuer ut</a></li>
    <li><a href="#"> placerat eleifend, vestibulum eget, justo. </a></li>
    <li><a href="#">Morbi non elit. Suspendisse iaculis nisi.</a></li>
    <li><a href="#"> Curabitur nulla. </a></li>
    <li><a href="#">Maecenas scelerisque convallis arcu. </a></li>
  </ul>
  </div>


<div class="sidebarbtm"></div>

</div>

<div class="clear"></div>


</div>

<div id="footer">
Copy right &copy; Information | <a href="#">And</a> | <a href="#">Some</a> | <a href="#">Links</a> | <a href="#">Goes</a> | <a href="#">Here</a>
<div id="credit">
<a href="http://ramblingsoul.com">CSS Template</a> Rambling Soul</div>
</div>

</div>


</body>
</html>
